<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery1.9/jquery-1.9.0.js"></script>
    <script>
        //使用原生js
        window.onload=function(){
            // var btn=document.getElementById("btn");
            // btn.onclick=function(){
            //     console.log(this.value);//this表示的是事件源
            // };

            // var btns=document.getElementsByTagName("input");//集合
            // for(var i=0;i<btns.length;i++){
            //     btns[i].onclick=function(){
            //         console.log(this.value);
            //     };
            // }
        };

        $(function(){
            // $("#btn").click(function(){
            //     // console.log(this.value);//事件源,调用DOM对象的value属性，获取value值
            //     console.log($("#btn").val());//调用jQuery对象的val()方法，获取value值
            // });

            $("input").click(function(){//获取的jQuery对象集合，会自动进行隐式迭代(遍历)
                // console.log(this.value);//调用DOM对象的value属性，获取value值
                // console.log($("input").val());//不能使用此方式，获取的始终是集合中的第一个元素
                console.log($(this).val());//使用$()将DOM对象转换为jQuery对象
                // $("input").css("color","red");
                $(this).css("color","red");
                $(this).val("哈哈哈哈");//设置value值
            });
            $("p").click(function(){
                // console.log(this.innerHTML);//DOM对象.innerHTML
                // console.log($("p").html());//不能使用此方式，获取的始终是集合中的第一个元素的文本
                console.log($(this).html());//使用$()将DOM对象转换为jQuery对象
                // $("p").css("color","green");
                // $(this).css("color","hotpink");
                $(this).html("嘿嘿嘿");//设置文本内容
            });
        });
    </script>
</head>
<body>
    <!-- <input type="button" id="btn" value="按钮"> -->
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">
    <input type="button" value="按钮4">
    <input type="button" value="按钮5">
    <input type="button" value="按钮6">
    <p>p01</p>
    <p>p02</p>
    <p>p03</p>
    <p>p04</p>
</body>
</html>